<template>
	<view class="content-box">
		<view class="fixed">
			<view class="content1">
				<Head></Head>
			</view>
			<view class="content2">
				<Banner></Banner>
			</view>
		</view>

		<div class="box">
		    <h1 style="margin-bottom: 30px;">我们的核心价值观</h1>
		    <p><strong>欢迎来到牛津国际教育集团</strong></p>
		    <p><strong>我们致力于带给学生终生受益的学习经历，帮助来自世界各地的学生提升个人和专业能力，使他们在未来能获得更多机会。</strong></p>
		    <p>我们的核心价值观是我们业务的核心。价值观定义了我们是谁，我们如何工作，并指导我们如何与同事和其他利益相关者合作。</p>
				<p>核心价值观烙印在牛津国际教育集团的基因里。</p>
		    <p><span>正直：</span>信任、诚实和尊重是建立良好关系的基础。</p>
		    <p><span>热忱与自豪：</span>爱我所做，追求卓越</p>
		    <p><span>关怀：</span>学生利益是我们一切工作的出发点，我们的宗旨是帮助他们实现目标。</p>
		    <p><span>创造力：</span>不惧与众不同，勇于创新</p>
		    <p>我们还相信，<span>微笑</span>的力量无比强大......</p>
		  </div>
<Foot></Foot>
	</view>
</template>

<script>
	import Head from '@/components/head.vue'
	import Banner from '@/components/banner.vue'
	import Foot from '@/components/foot.vue'
	export default {
		components: {
			Head,
			Banner,
			Foot
		},
		data() {
			return {
				swiperHeight: 0,
			};
		},
		onLoad() {
			let H = window.innerHeight
			let W = window.innerWidth

			if (W > 750) {
				this.swiperHeight = H
			} else {
				this.swiperHeight = 500
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import url("../../css/daxue.css");

	.box{
	  max-width: 1200px;
	  margin: 0 auto;
	  padding-top: 180px;
	  padding-bottom: 100px;
		text-align: left !important;
		h1{text-align: center;width: 100%;}
		p{
			width: 100%;
	    font-size: 17px;
	    line-height: 36px;
	    color: #303030;
			text-align: left;
			// font-weight: 300;
			margin-bottom: 20px;
	  }
	  p>span{
	    font-weight: bold;
	  }
	}
	
	  
			@media screen and (max-width: 750px){
				.box{
					font-size: 15px;
					line-height: 30px;
					margin: 0 20px;
					padding-top: 80px;
					p{
						font-size: 15px;
					}
				}
			}
</style>
